.text-scroll {
    width: var(--width);
    overflow: hidden;
    .text-scroll-container {
        white-space: nowrap;
        display: inline-block;
        width: max-content;
        text-align: center;
        animation: loop  linear infinite;
    }
}

@keyframes loop {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(-100%);
    }
}